/**index.wxss**/
/* 轮播图 */

.swiper-box {
  height: 252rpx;
	background-color:#FFCF31 ;
}

.swiper-item {
  width: 750rpx;
  height: 100%;
}

/* 搜索框 */

.search-box {
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 100rpx;
  transform: translateX(-50%);
  width: 702rpx;
  height: 300rpx;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 20px 0px rgba(255, 122, 0, 0.3);
  padding: 0rpx 60rpx;
	
}

.slide-image{
	width: 100%;
	
}

.search-item {
  font-size: 28rpx;
  color: #333;
  height: 94rpx;
  line-height: 90rpx;
  display: flex;
  flex-direction:column;
}

.search-item:not(:first-child) {
  border-top: 1px solid #eee;
}

.show-address {
  display: inline-block;
  max-width: 400rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-address {
  float: right;
  color: #666;
  font-size: 24rpx;
}

.address-icon {
  width: 28rpx;
  height: 28rpx;
  position: relative;
  top: 4rpx;
  margin-right: 12rpx;
}

/* 入住天数 */

.date-item {
  width: 200rpx;
}
.date-item:nth-child(2){
  width: 160rpx;
}

.check-info {
  line-height: 30rpx;
  color: #999;
  font-size: 22rpx;
  float: right;
  margin-top: 14rpx;
}

.check-days {
  border-bottom: 1px solid #ff7a00;
  height: 64rpx;
  line-height: 70rpx;
  color: #ff7a00;
  text-align: center;
}

.check-moon {
  width: 20rpx;
  height: 23rpx;
  margin-right: 10rpx;
}

.search-ipt {
  width: 100%;
  height: 100%;
}

.search-ipt:-moz-placeholder {
  color: #999;
}

/* 查找btn */
.check-btn {
  height: 76rpx;
  width: 404rpx;
  float: left;
  background-color: #ff7a00;
  color: #fff;
  font-size: 32rpx;
}

.quick-btn {
  color: #ff7a00;
  width: 148rpx;
  height: 76rpx;
  font-size: 24rpx;
  float: right;
  border: 1px solid #ff7a00;
  border-radius: 5px;
  background-color: #fff1e5;
}
.icon-quick{
  float: left;
  width: 28rpx;
  height: 46rpx;
  margin-top: 15rpx;
  margin-left: 32rpx;
  margin-right: 12rpx;
}
.text-quick{
  float: left;
  width: 60rpx;
  line-height: 32rpx;
  margin-top: 4rpx;
}

/* 功能入口 */

.bookform {
  width: 100%;
  height: 240rpx;
  margin-top: 200rpx;
  background-color: #fff;
}
.bookform-input{
	display: flex;
	height: 80rpx;
	font-size: 32rpx;
	align-items: center;
	padding: 0 10rpx 0 40rpx;
	border-bottom: 1rpx solid #F6F6F6;
	
}
.bookform-coupon{
	width: 100%;
	margin-top: 20rpx;
	background-color: #fff;
}
.bookform-pay{
	width: 100%;
	margin-top: 20rpx;
}
.bookform-role{
	width: 100%;
	margin-top: 20rpx;
	background-color: #fff;
}
.bookform-role-input{
	display: flex;
	height: 82rpx;
	font-size: 32rpx;
	align-items: center;
	padding: 0 10rpx 0 40rpx;
	border-bottom: 1rpx solid #F6F6F6;
}
.bookform-role .uni-input{
	font-size: 30rpx;
	width: 65%;
	height: 75rpx;
}
.bookform-role .title{
	width: 180rpx;
}
.bookform-pay-input{
	display: flex;
	height: 75rpx;
	font-size: 32rpx;
	align-items: center;
	padding: 0 10rpx 0 40rpx;
	border-bottom: 1rpx solid #F6F6F6;
	background-color: #fff;
	justify-content:space-between;
}
.bookform-coupon-input{
	display: flex;
	height: 75rpx;
	font-size: 32rpx;
	align-items: center;
	padding: 0 10rpx 0 40rpx;
	border-bottom: 1rpx solid #F6F6F6;
}
.bookform-input .title{
	width: 180rpx;
}
.bookform-input .uni-input{
	font-size: 31rpx;
	width: 65%;
}
.bookform-coupon-input .title{
	width: 180rpx;
}
.bookform-coupon-input .uni-input{
	font-size: 31rpx;
	width: 65%;
	text-align: right;
	color: #ff0000;
}
.func-item {
  flex: 1;
  position: relative;
}

.func-item:not(:first-child)::after {
  content: '';
  position: absolute;
  top: 65rpx;
  width: 2rpx;
  height: 50rpx;
  background-color: #eee;
}

.func-icon {
  width: 42rpx;
  height: 36rpx;
  display: block;
  margin: 52rpx auto 20rpx;
}

.func-text {
  color: #333;
  font-size: 24rpx;
  text-align: center;
}

/* 酒店预订 */

.hotel-reservation {
  padding: 0 24rpx 10rpx;
}

.reservation-title {
  height: 90rpx;
  line-height: 90rpx;
  font-size: 32rpx;
  color: #333;
  text-align: center;
}

/* 酒店列表 */

.hotel-list {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(170, 170, 170, 0.3);
  top: 1127px;
  width: 702rpx;
  height: 241rpx;
  margin-bottom: 20rpx;
  overflow: hidden;
}

.hotel-pic {
  float: left;
  width: 200rpx;
  height: 100%;
}

.hotel-info {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-left: 210rpx;
  font-size: 28rpx;
  line-height: 48rpx;
  position: relative;
}

.hotel-name {
  color: #333;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hotel-score {
  color: #ff7a00;
  margin-right: 35rpx;
}

.hotel-star, .hotel-position {
  color: #666;
}

.hotel-position {
  font-size: 24rpx;
}

.hotel-distance {
  float: left;
}

.hotel-addr {
  display: inline-block;
  width: 260rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hotel-feature {
  border: 1px solid rgb(255, 122, 0);
  border-radius: 5px;
  background-color: rgb(255, 241, 229);
  height: 29rpx;
  color: #ff7a00;
  padding: 0 10rpx;
  margin-right: 12rpx;
}

.hotel-price {
  position: absolute;
  right: 0;
  bottom: 10rpx;
  background-color: rgb(255, 122, 0);
  width: 150rpx;
  height: 49rpx;
  border-radius: 10rpx 0 0 10rpx;
  text-align: center;
  color: #fff;
  font-size: 22rpx;
}

.price-num {
  font-size: 26rpx;
}

/* 预定页面 */

.orderpage{
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column-reverse;
	z-index: 999;
	background-color: rgb(127,127,127,0.5);
	
}

.order{
	background-color: #fff;
	height: 80%;
	border-radius:30rpx 30rpx 0 0;
	margin-bottom: -300px;
	box-shadow: 10px 10px 10px 10px rgba(115, 53, 0, 0.5);
}
.swiper-box-order{
	border-radius: 30rpx 30rpx 0 0;
}

.orderclose{
	position: fixed;
	top: 10rpx;
	left: 10rpx;
	color: #F6F3F1;
	z-index: 999999999999;
}

.ordertop{
	height: 20%;
	margin-bottom: 300px;
}
.orderbtn{
	background-color: #ffffff;
	height: 8%;
	width: 100%;
	position: fixed;
	bottom: 0;
	box-shadow: 10px 10px 10px 10px rgba(9, 4, 0, 0.3);
	display: flex;
	align-items:center;
	justify-content:space-between;

}
.orderbtn-btn{
	width: 40%;
	height: 100%;
}
.orderbtn-btn button{
	width: 100%;
	height: 100%;
	background-color: #FFCF31;
	color: #ffffff;
	border-radius: 0;
	font-size: 40rpx;
}
.orderbtn-pay{
	display: flex;
	color: #ff0000;
	font-size: 50rpx;
	align-items:flex-end
}
.orderbtn-pay-price{
	font-size: 20rpx;
	border: 2.5rpx solid #FF0000;
	height: 24rpx;
	margin-bottom: 12rpx
}
.day{
	display: flex;
	align-items: center;
}
.hotel{
	font-size: 35rpx;
}
.daytime{
	border: 2rpx solid #111;
	border-radius: 25px;
	height: 50rpx;
	width: 70rpx;
	margin: 0 20rpx 0 20rpx;
	font-size: 25rpx;
	display: flex;
	justify-content: center;
	align-items: center;

}
.roomtype{
	color: #bf9b24;

}